<template>
  <a-space direction="vertical" fill>
    <a-page-header title="授权" :show-back="false">
      <template #extra>
        <a-space>
          <a-button type="primary">注销</a-button>
        </a-space>
      </template>
    </a-page-header>

    <a-descriptions label-placement="top" bordered :column="6">
      <a-descriptions-item label="参数Key">Authorization</a-descriptions-item>
      <a-descriptions-item label="参数名称">Authorization</a-descriptions-item>
      <a-descriptions-item label="参数位置">header</a-descriptions-item>
      <a-descriptions-item label="参数值">
        <a-input>
          <template #append>
            <a-button type="primary">保存</a-button>
          </template>
        </a-input>
      </a-descriptions-item>
    </a-descriptions>
  </a-space>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
  :deep(.arco-page-header-wrapper) {
    padding-left: 0;
  }
  :deep(.arco-input-append) {
    padding: 0;
  }
</style>
